/**
 * Created by dell on 2017/9/29.
 */
var xmlhttp;
$(document).ready(function () {
   $("#btn").click(function () {

       //1.获取文本内容的值
       var username=$("#username").val();
       //alert(username);
       //2.创建XmlHttpRequest
       if(window.XMLHttpRequest){
           xmlhttp=new XMLHttpRequest();
           if(xmlhttp.overrideMimeType){
               xmlhttp.overrideMimeType("text/xml");
           }
       }else if(window.ActiveXObject){
           var activexName=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
           for(var i=0;i<activexName.length;i++){
               try{
                   xmlhttp=new ActiveXObject(activexName[i]);
                   break;
               }catch (e){
               }

           }
       }
       //3.注册回调函数
       xmlhttp.onreadystatechange=callback;
       //4.设置连接信息
       //一个参数表示http请求的方式
       //第二个参数表示采用请求的url地址
       //第三个参数表示采用异步还是同步方式交互
       //xmlhttp.open("GET","login?username="+userName,true);
       //xmlhttp.send();
       xmlhttp.open("POST","login",true);
       xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//post请求需要设置请求头,get请求去掉
       //5.发送数据，开始和服务器端进行交互
       xmlhttp.send("username="+username);//post设置请求参数,get设置为空

   });
});

function  callback() {
    //4.1接收响应数据
    //判断对象的状态是交互完成
    if(xmlhttp.readyState==4&&xmlhttp.status==200){
        var responseText=xmlhttp.responseText;
        $("#result").html(responseText);
    }
}